利用百度地图绘制3D轨迹演示 |
您所在的位置：网站首页 › 百度地图 轨迹 › 利用百度地图绘制3D轨迹演示 |
利用百度地图绘制3D轨迹演示
|
简介 百度地图很强大，也为开发者提供很好的开发接口。今天用3D地图上路线轨迹可视化的小功能。 使用第一步：申请akak申请介绍  创建的时候选择浏览器端~ 第二步：填写ak有了 ak 后，复制下面的 hellomap.html 文件到 templates 文件夹里，并在hellomap.html 文件写入你申请的ak body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} 绘制轨迹 // GL版命名空间为BMapGL // 按住鼠标右键，修改倾斜角和角度 var bmap = new BMapGL.Map("allmap"); // 创建Map实例 bmap.centerAndZoom(new BMapGL.Point(116.297611, 40.047363), 17); // 初始化地图,设置中心点坐标和地图级别 bmap.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放 bmap.setTilt(50); // 设置地图初始倾斜角 var path = [{ 'lng': 116.297611, 'lat': 40.047363 }, { 'lng': 116.302839, 'lat': 40.048219 }, { 'lng': 116.308301, 'lat': 40.050566 }, { 'lng': 116.305732, 'lat': 40.054957 }, { 'lng': 116.304754, 'lat': 40.057953 }, { 'lng': 116.306487, 'lat': 40.058312 }, { 'lng': 116.307223, 'lat': 40.056379 }]; var point = []; for (var i = 0; i 拓展如果你想要制作自己的轨迹地图，你就要获取你想要的经纬度，获取的方式为： 百度地图API -> 坐标拾取工具 记录下来你的经纬度并且填入到hellomap.html 中就可以了~ 提示：hellomap.html 中的 'lng'代表经度；'lat'代表纬度~ 错误因为采用Flask 框架部署网页，因此必须要有一定的规范，你的文件夹的格式应该遵循： . ├── test.py ├── templates └── hellomap.html |
【本文地址】
今日新闻 |
推荐新闻 |